
html {
	background: #fff;
}
body {
	color: #333;
	font-family:"Microsoft YaHei",tahoma,arial,Hiragino Sans GB,\5b8b\4f53;
  	font-size: 12px;
}
article, aside, blockquote, body, button, code, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	cursor:pointer;
}
ol, ul {
	list-style: none;
}
a:hover {
	text-decoration: none;
}
.fn-hide, .hidden {
	display: none;
}
.clear {clear:both;}
td{
	vertical-align:middle;
	}
@media only screen and (min-width: 1160px) and (max-width: 1920px) {
	.header-top{
	width:1160px;
	height:28px;
	margin: 0 auto;
	}
	.nav-top{
	width:1160px;
	margin:0 auto;
	}
	.main-nav .bottom-nav{
	width:1160px;
	height:100%;
	margin:0 auto;
	}
	#main .user-infor{
	width:1160px;
	height:106px;
	margin:0 auto;	
	}
	#main .user-operation{
	width:1160px;
	height:120px;
	padding:20px 0;
	border-bottom:1px solid #dedede;
	margin:0 auto;
	}
	#main .deal{
	width:1160px;
	margin:0 auto;
	border:1px solid #dedede;
	border-bottom:none;
	}
	.trading-record-detail{
	background-color:#FFF;
	width:1160px;
	word-break:break-all;
	}
	}
@media only screen and (min-width: 960px)and (max-width:1160px){
	.header-top{
	width:980px;
	height:28px;
	margin: 0 auto;
	}
	.nav-top{
	width:980px;
	margin:0 auto;
	}
	.main-nav .bottom-nav{
	width:980px;
	height:100%;
	margin:0 auto;
	}
	#main .user-infor{
	width:980px;
	height:106px;
	margin:0 auto;	
	}
	#main .user-operation{
	width:980px;
	height:120px;
	padding:20px 0;
	border-bottom:1px solid #dedede;
	margin:0 auto;
	}
	#main .deal{
	width:980px;
	margin:0 auto;
	border:1px solid #dedede;
	border-bottom:none;
	}
	.trading-record-detail{
	background-color:#FFF;
	width:980px;
	word-break:break-all;
	}
	}
#header{
	width:100%;
	height:104px;
}
.header-container{
	width:100%;
	background-color: #3d474a;
}
.header-top ul{
	float:right;
	cursor:pointer;
}
.header-top ul li{
	float:left;
	border-right: 1px solid #6c7f84;
	width: 115px;
	height:14px;
	text-align: center;
	line-height: 14px;
	margin-top: 7px;
	color:#ffffff;
}
.header-top ul li .news-amount{
	color:#ff3c3c;
	}
.arrow-down {	
  display: inline-block;
  width: 0px;
  height: 0px;
  border-width: 5px 5px 0 5px;
  border-color: #eeeeee transparent transparent transparent;
  border-style: solid dashed dashed dashed;
 }
.header-top .arrow-down{
  margin-left: 3px;
  -webkit-transition: .5s 0s all;
  -o-transition: .5s 0s all;
  -moz-transition: .5s 0s all;
  -ms-transition: .5s 0s all;
  transition: .5s 0s all;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: initial;
  transition-delay: 0s;
}
.header-nav{
	width:100%;
	height:76px;
	}

.header-nav .nav-logo{
	margin-top:8px;
	float:left;
}
.header-nav .nav-logo img{
	width:60px;
	height:60px;
	}
.header-nav .nav-top ul{	
	float:right;
	width:50%;
	}
.header-nav .nav-top ul li{
	height:56px;
	width:25%;
	float:left;
	margin-top:10px;
	padding-bottom:10px;
	font-size: 18px;
	text-align:center;
	line-height:56px;
	cursor:pointer;
	}
.header-nav .nav-top ul li.active{
	color:#ff3c3c;
	background:url(../img/nav-top.png) 50% 100% no-repeat;
	font-weight:bold;
	}
.main-nav{
	width:100%;
	height:32px;
	background-color:#ff3c3c;
	}

.main-nav .bottom-nav ul{
	float:left;
	width:25%;
	}
.main-nav .bottom-nav ul li{
	font-size: 14px;
  	color: rgb( 255, 255, 255 );
	float:left;
	width:33%;
	text-align:center;
	line-height:32px;
	cursor:pointer;
	}
#main{
	background-color:#ebebeb;
	}
#main .user-infor-contain{
	width:100%;
	border-top:1px solid #dedede;
	border-bottom:1px solid #dedede;
	}

#main .user-portrait{
	width:80px;
	height:80px;
	border-radius:80px;
	overflow:hidden;
	float:left;
	margin-top:18px;
	}
#main .user-portrait img{
	width:100%;
	height:100%;
	}
#main .infor-detail{
	height:56px;
	margin-top:25px;
	font-size:14px;
	float:left;
	margin-left:20px;
	}
#main .infor-detail>span{
	float:left;
	}
#main .infor-detail span .user-welcome{
	font-size:18px;
	margin-right:21px;
	}
#main .infor-detail span a{
	margin-left:5px;
	}
#main .infor-detail .login-infor{
	margin-top:42px;
	}
#main .infor-detail .login-infor .user-name a{
	padding-right:25px;
	border-right:2px solid #757575;
	}
#main .infor-detail .login-infor .login-time{
	padding-left:25px;
	}

#main .user-operation-contain{
	height:118px;
	background-color:#FFF;
	border-top:1px solid #dedede;
	border-bottom:1px solid #dedede;
	}
#main .user-operation-contain .account-balance{
	width:198px;
	float:left;
	height:34px;
	text-align:center;
	padding-top:70px;
	background:url(../img/yue.png) 50% 50% no-repeat;
	}
#main .user-operation-contain .oper-break{
	width:1px;
	height:64px;
	margin-top:27px;
	background-color:#dedede;
	float:left;
	}
#main .user-operation-contain .account-balance .integer{
	  font-size: 26px;
	  margin-left:5px;
	}
#main .user-operation-contain .account-balance .decimal{
	font-size: 1pc;
	}	
#main .user-operation-contain ul{
	float:left;
	width:40%;
	}
#main .user-operation-contain ul li{
	text-align:center;
	float:left;
	width:30%;
	padding-top:84px;
	}
#main .user-operation-contain ul .recharge{
	background:url(../img/chongzhi.png) 50% 50% no-repeat;
	}
#main .user-operation-contain ul .Withdraw{
	background:url(../img/iconfontchongzhi.png) 50% 50% no-repeat;
	}
#main .user-operation-contain ul .transfer{
	background:url(../img/zhang.png) 50% 50% no-repeat;
	}

#main .deal .trading-record{
	line-height:46px;
	}
#main .deal .trading-record a,.trading-record-nav a{
	color:#333;
	}
#main .deal .trading-record,.trading-record-nav{
	height:46px;
	border-bottom:1px solid #dedede;
	display:block;	
	font-size:16px;
	padding-left:20px;	
	}
#main .deal .trading-record-nav>a{
	line-height:46px;
	font-weight:bold;
	float:left;
	}
#main .deal .trading-record-nav ul{
	font-size:14px;
	height:100%;
	float:left;
	margin-left:20px;
	} 
#main .deal .trading-record-nav ul li{
	width:82px;
	height:14px;
	margin-top:16px;
	line-height:14px;
	text-align:center;
	float:left;
	border-right:1px solid #8e8e8e;

	} 
.trading-record-detail thead th{
	height:44px;
	border-bottom:1px solid #dedede;
	}

.trading-record-detail a{	
	color:#489df6;
}
.trading-record-detail tbody td{
	vertical-align: top;
  	padding: 10px 0;
  	border-bottom: 1px solid #dedede;
	}

.trading-record-detail .time {
  padding-left: 6%;
  text-align: left;
}
.trading-record-detail .name{
	width:50%;
	padding-left:6%;
	text-align:center;
	}
.trading-record-detail .amount{
	padding-left:8%;
	text-align:center;
	}
.trading-record-detail .status{
	padding-left:8%;
	text-align:center;
	}
.trading-record-detail .action{
	padding-left:3%;
	padding-right:4%;
	text-align:center;
	}
.all-detail{
	height:44px;
	border-bottom:1px solid #dedede;
	text-align:right;
	line-height:44px;
	padding-right:5px;
	background-color:#FFF;
	}
.all-detail a{
		color:#489df6;
}

#footer {
	padding: 10px;
	text-align: center;
	background-color:#ebebeb;
}
.copyright, .copyright a, .copyright a:hover {
	color: #808080;
}
